<template>
	<view class="page">
			
		
		
		<!-- 头部 -->
		
		
		<view class="uni-list">
					<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
						
						<view class="uni-media-list">
							<image class="uni-media-list-logo" src="../../../static/img/s.png"></image>
							<view class="uni-media-list-body">
								<view class="uni-media-list-text-top">中弘退市旋涡：半年亏损13亿离职潮与要账潮此起披伏，出路难寻</view>
								
								</view>
							</view>
							
							
							<view class="uni-list-time-data">
							<text>下午10:13</text>
							<text class="uni-badge uni-badge-danger">45</text>
							</view>
								
							
						
							
						</view>
			
			
						<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
							
							<view class="uni-media-list">
								<image class="uni-media-list-logo" src="../../../static/img/s.png"></image>
								<view class="uni-media-list-body">
									<view class="uni-media-list-text-top">中弘退市旋涡：半年亏损13亿离职潮与要账潮此起披伏，出路难寻</view>
									
									</view>
								</view>
								
								
								<view class="uni-list-time-data">
								<text>下午10:13</text>
								<text class="uni-badge uni-badge-danger">45</text>
								</view>					
				</view>
							<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
								<view class="uni-media-list">
									<image class="uni-media-list-logo" src="../../../static/img/s.png"></image>
									<view class="uni-media-list-body">
										<view class="uni-media-list-text-top">中弘退市旋涡：半年亏损13亿离职潮与要账潮此起披伏，出路难寻</view>
										
										</view>
									</view>
									<view class="uni-list-time-data">
									<text>下午10:13</text>
									<text class="uni-badge uni-badge-danger">45</text>
									</view>
										
									
								
									
								</view>
					
		</view>
		
		
		
	
	
	
	</view>
</template>

<script>
	
    
		
	
	
</script>

<style>
	@import "../../../common/icon.css";
	@import "../../../common/uni.css";

	page {
		background: #f6f6f6;
		position: relative;
	}
	
	/* 头部照片 */
	.uni-img-top image{
		width: 100%;
		}
	
	/*  */
        .uni-list{
			margin-top: 5px;
			
		}
		.uni-list-time-data{
			width: 30%;
			float: right;
		}
		.uni-list-time-data text:first-child{
			font-size: 24px;
			position: absolute;
			right: 30px;
			top: 10px;
		}
		.uni-list-time-data text:last-child{
			font-size: 24px;
			position: absolute;
			top: 60px;
			right: 30px;
			
		}
		.uni-media-list{
			
			width: 70%;
			float: left;
			}
	
		.uni-media-list-logo {
			width: 90px;
			height: 90px;
			border-radius: 90px;
		}
		.uni-media-list-body {
			height: auto;
			justify-content: space-around;
		}
		.uni-media-list-text-top {
			height: 74px;
			font-size: 24px;
			overflow:  hidden;
			white-space: normal;
		}
		 
		.uni-media-list-text-bottom {
			margin-top: 25px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		
</style>
